﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="QLAnhSanPham.aspx.cs" Inherits="WebBanThuoc.admin.QLAnhSanPham" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Quản lý ảnh của sản phẩm</title>
    <link rel="shortcut icon" href="../img/admin.ico"></link>
    <script src="../js/jquery-1.7.2.js" type="text/javascript"></script>
        <script src="../js/jquery.keyfilter.js" type="text/javascript"></script>
        <script src="../js/jquery.maskedinput.js" type="text/javascript"></script>
        <script src="../js/jquery-ui-1.8.20.custom.min.js" type="text/javascript"></script>
        <script src="../js/thai.js" type="text/javascript"></script>
        <script src="../js/colResizable-1.3.min.js" type="text/javascript"></script>        
        <link rel="stylesheet" type="text/css" href="../style/static.css"/>
        <link rel="stylesheet" type="text/css" href="../style/dangnhap_btn.css"/>
        <link type="text/css" href="../style/flick/jquery-ui-1.8.20.custom.css" rel="stylesheet" />
        <style type="text/css">
            .f_span-74
            {
                width:1100px; 
                float:none;		
                padding: 20px;
            }
            input, textarea {
                -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
                -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
                box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
                -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
                -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
                -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
                -o-transition: border linear 0.2s, box-shadow linear 0.2s;
                transition: border linear 0.2s, box-shadow linear 0.2s;
                line-height: 18px;
                color: #555;
                border: 1px solid #CCC;
                -webkit-border-radius: 3px;
                border-radius: 3px;
                font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
                font-size: 15px;
                height: 20px;
                font-weight: normal;
                width: 358px;
            }
            .inputEmail
            {
                height:24px;
            }
            .thai_font
            {
                font-family:"Helvetica Neue", Helvetica, Arial, sans-serif	
            }
            .thai_font_DN
            {
                font-size:30px;
                font-weight:bold;
                padding:10px 0px 30px;		
                color:#0088CC;
                width:820px;
                float:left;
            }
            .thai_font_lable
            {
                font-size:14px;
                font-weight:bold;
                padding-bottom:3px;
                width: 180px;
                margin-top:5px;
            }
            .thai_font_lable_right
            {
                font-size:14px;
                font-weight:bold;
                padding-bottom:3px;
                width: 140px;
                margin-top:5px;
            }
            div{
                float:left;	
            }
            .thai_shopcart{}
            .thai_shopcart .pic_sp
            {
                max-height:115px;
                max-width:125px;
                min-height:110px;
                min-width:110px;
                padding-top: 10px;
            }
            .thai_shopcart .text_header_table
            {
                line-height: 46px;
                margin: 0px;
                text-align: center;
                font-size: 13pt;
                color: #626060;
                height:46px; 
                background:url(../img/shopcart_bar_center.png) 0 -53px;
                font-weight:normal;
            }
            .thai_shopcart .div_pic_sp
            {
                height: 125px !important;
                width: 125px;
                border: 1px solid #D2D1D1;
                text-align: center;
                margin-left: 11px;
                margin-top: 10px;
                float:left;
            }
            .thai_shopcart .div_label_table
            {
                background-position: 0 -100px;
                width: 100%;
                height: 56px;
                background-image: url(../img/shopcart_bar_center1.png);
                background-repeat: repeat-x;
                float: left;                
            }
            .thai_shopcart .txt 
            {
                float: left;
                margin: 0px;
                line-height: 56px;
                margin: 0px;
                font-size: 14pt;
                font-weight: bold;
                color: #FEFEFE;
                padding-left: 6px;
                font-family:Arial, Helvetica, sans-serif;
            }
        </style>
        <script language="javascript" type="text/javascript">
                    
            <%if (Session["page_QLAnhSanPham_dataSP"] == null)
                {%>
                var coDT = false;
            <%}  else{%>
                var coDT = true;
            <%} %>
            
                function CheckRegisterFormEmail(e) {
                    var strEmail = $(e).val();
    
                    regem = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
                    return regem.test(strEmail)
   
                }                

                function DeleteProduct(){
                    if($.trim($('#MaSanPham').val()) == ""){
                        alert("Bạn chưa nhập Mã sản phẩm.");
                        $('#MaSanPham').focus();
                        return false;
                    }
                    if(coDT==false){
                        alert("Mã sản phẩm này không tồn tại trong Cơ sở dữ liệu.");
                        $('#MaSanPham').focus();
                        return false;
                    }
                    
				    if(!confirm("Bạn có muốn xóa các Hình ảnh sản phẩm không ?")){                                               
                        return false;
                    }
                }
			
                function CheckLoginForm_Search(){
                    if($.trim($('#MaSanPham').val()) == ""){
                        alert("Bạn chưa nhập Mã sản phẩm.");
                        $('#MaSanPham').focus();
                        return false;
                    }                
				
                }
			
                function AddProduct(){
                    if($.trim($('#MaSanPham').val()) == ""){
                        alert("Để thêm Hình ảnh cho sản phẩm, bạn không được Để Trống giá trị vào ô Mã sản phẩm.");
                        $('#MaSanPham').focus();
                        return false;
                    }
                    if(coDT==false){
                        alert("Mã sản phẩm này không tồn tại trong Cơ sở dữ liệu.");
                        $('#MaSanPham').focus();
                        return false;
                    }
				    if($.trim($('#HinhAnh').val()) == ""){
                        alert("Bạn chưa chọn file ảnh để tải lên.");
                        $('#HinhAnh').focus();
                        return false;
                    }
                    return true;
				
                }
			
                function searchSP(){
                    var data = $('#MaSanPham').val();
                    if($.trim(data)==''){
                        alert('Bạn không được bỏ trống Mã sản phẩm.');
                        $('#div_spMoi').show(500);
                        $('#MaSanPham').focus();
                        //return false;
                    } else{
                        $('#frm_TimSP').submit();
                        //return true;
                    }
                }
                $(function(){
  			        
                    setTimeout(function () {
                        $('#MaSanPham').focus();
                    }, 700);

                    //$('#NgayTao').mask('99/99/9999');
                    //$('#NgaySua').mask('99/99/9999');                    
			        
                    
                });
                function setMaxLength(Object, MaxLen)
                {
                    return (Object.value.length <= MaxLen);
                }
                function clearAllInput(){
                    $('#frm_TimSP').find(':input').each(function(){
                        switch(this.type){
                            case 'password':
                            case 'select-multiple':
                            case 'select-one':
                            case 'text':
                            case 'textarea':
                                //if($(this).attr('name')!='MaSanPham'){
                                $(this).val('');
                                //}
                                break;
                            case 'checkbox':
                            case 'radio':
                                this.checked = false;
                                break;
                            case 'file':
                                //this.replaceWith('<input type="file" name="HinhAnh" id="HinhAnh"  style="width:227px" />');
                                $(this).val('');
                                break;
                        }
                    });                    
                    coDT = false;
                }            

             <%if (Session["page_QLAnhSanPham_msgSucessFunc"] != null)
                {%>
                alert("<%=Session["page_QLAnhSanPham_msgSucessFunc"] %>");
            <%} %>
            
        </script>
</head>
<body>
<form name="frm_TimSP" id="frm_TimSP" method="post" runat="server" enctype="multipart/form-data" >
        <% WebBanThuoc.DTO.SanPham objSP = (WebBanThuoc.DTO.SanPham)Session["page_QLAnhSanPham_dataSP"]; %>
            <div style="float: none; margin: 20px;" class="f_span-74">
                <div style="width:100%;text-align:center">
                    <div class="thai_font thai_font_DN">QUẢN LÝ ẢNH SẢN PHẨM</div>
                </div>
                <div style="width:100%;text-align:center">&nbsp;</div>               
                <div style="width:810px;text-align:left">
                    <div style="width:100%;text-align:left">
                        <div style="float:left" class="thai_font_lable">Mã sản phẩm:</div>
                        <div style="float:left;width:20px" class="thai_font_lable">SP</div>
                        <input type="text" name="MaSanPham" id="MaSanPham" autocomplete="off" class="mask-pint"  maxlength="8"  style="width:100px;float:left" onchange="searchSP()" value="<%=Request.QueryString["p_masanpham"]!=null ? Request.QueryString["p_masanpham"].Replace("SP", "") : Request.Params["MaSanPham"]  %>"  <%=Request.QueryString["p_masanpham"]!=null ?"readonly='readonly'":"" %> />
                        <div style="float:left;color:#666;width:175px; margin-left:15px; font-size:11px; margin-top:0" class="thai_font_lable">Nhập mã sản phẩm để xem, xóa và thêm hình ảnh.</div>
                    </div>
                    <% if (objSP != null)
                       { %>
                    <div style="width:100%;text-align:left; margin-bottom:10px;" id="div_spMoi">
                        <div style="width:180px;">&nbsp;</div>                            
                        <div title="Tên của sản phẩm" style="color:Gray; font-size:12px;width: 500px; margin-left:20px;font-weight: bold;cursor:pointer;"><%=objSP.TenSanPham%></div>                            
                    </div>
                    <% }
                        if (objSP == null && Request.Params["MaSanPham"] != null)
                       { %>
                    <div style="width:100%;text-align:left; margin-bottom:10px;">
                        <div style="width:180px;">&nbsp;</div>                            
                        <div style="color:#F00; font-size:12px;width: 320px;">Không tồn tại mã sản phẩm " <%=Request.Params["MaSanPham"]%> " trong Cơ sỡ dữ liệu.</div>                            
                    </div>
                    <%} %>
                    <div style="width:100%;text-align:left">
                        <div style="float:left" class="thai_font_lable">Chọn các hình ảnh:</div>                        
                        <input type="file" name="HinhAnh" id="HinhAnh"  style="width:227px" multiple="multiple" runat="server" />                        
                    </div>
                    <%System.Collections.Generic.List<WebBanThuoc.DTO.HinhAnh> dataListHA = Session["page_QLAnhSanPham_dataHinhAnh"] as System.Collections.Generic.List<WebBanThuoc.DTO.HinhAnh>;
                      if (dataListHA != null && dataListHA.Count > 0)
                      {%>
                        <div style="width:750px;text-align:left; height:30px;float:none">
                            <div class="thai_shopcart" style="width:100%;">
                                <div class="div_label_table">                                
                                    <div class="txt">Hình ảnh của sản phẩm</div>
                                </div>
                                <table width="100%" cellspacing="0" cellpadding="0" style="border:1px solid #D2D1D1;float: left;">
                                    <% int i = 0; 
                                       for (i = 0; i < dataListHA.Count; i++)
                                       { %>
                                       <% if (i % 5 == 0)
                                          { %>
                                        <tr style="height:174px">
                                        <%} %>
                                            <td style="border-right:1px solid #D2D1D1; border-bottom:1px solid #D2D1D1; width:150px;">
                                                <div class="div_pic_sp">
                                                    <a href="<%=dataListHA[i].DuongDan %>" target="_blank" >
                                                        <img alt="" src="<%=dataListHA[i].DuongDan %>" class="pic_sp"/>
                                                    </a>
                                                </div>
                                                <div style="margin:5px auto;text-align:center; width:100%;">
                                                    <input type="checkbox" name="IDHinhAnh" value="<%=dataListHA[i].IDHinhAnh %>" />
                                                </div>
                                            </td>
                                            <% if (dataListHA.Count < 5 && i == dataListHA.Count -1)
                                               {
                                                   for (int j = i; j < 4; j++)
                                                   {%>
                                                   <td style="border-right:1px solid #D2D1D1; border-bottom:1px solid #D2D1D1; width:150px;"></td>
                                            <%      }
                                               } %>
                                        <% if ((i + 1) % 5 == 0)
                                           { %>
                                        </tr>
                                        <%} %>
                                    <%} %>
                                </table>
                            </div>
                        </div>
                    <%} %>
                </div>
                <div style="width:100%;text-align:left;padding-top:20px;height:80px">
                    &nbsp;
                </div>
                    
            </div>
                <div style="width:100%;text-align:right; float: right; display: block; position: fixed; z-index: 4000; bottom:0; background-color:#D7FFEB; left:0px">
                    <div style="float:left;padding-top: 0px;"><a href="/admin/home.aspx" ><img alt="" src="../img/home.png" title="Trang Chủ"/></a></div>
                    <div style="float:right;width:110px;">
                        <input type="submit" name="btn_Them" value="Thêm mới" onclick="return AddProduct();" id="btn_Them" class="btn btn-large btn-primary" style="margin:5px"/>            
                    </div>                    
                    <div style="float:right;width:68px;">
                        <input type="submit" name="btn_Xoa" value="Xóa" onclick="return DeleteProduct();" id="btn_Xoa" class="btn btn-large btn-primary" style="margin:5px"/>            
                    </div>
                    <div style="float:right;width:125px;">
                        <input type="button" name="btn_Clear" value="Xóa biểu mẫu" onclick="clearAllInput();" id="btn_Clear" class="btn btn-large btn-primary" style="margin:5px"/>            
                    </div>
                </div>
                <div style="width:100%;text-align:left;padding-top:20px;height:80px">
                    &nbsp;
                </div>                 
            <%if (objSP == null)
              { %>
                   <script type="text/javascript">
                       $('#div_spMoi').hide();
                   </script>
            <%} %>
            <%Session.Remove("page_QLAnhSanPham_dataSP");
              Session.Remove("page_QLAnhSanPham_dataHinhAnh");
              Session.Remove("page_QLAnhSanPham_msgSucessFunc"); %>
        </form>
</body>
</html>
